<section class="py-6" [ngClass]="['bg' + default, 'text' + contrastInv]">
	<div
		class="container mx-auto flex flex-col items-center justify-center p-4 space-y-8 md:p-10 lg:space-y-0 lg:flex-row lg:justify-between"
	>
		<h1 class="text-3xl font-semibold leading-tight text-center lg:text-left">
			Nobis a dolores, quia sit ad quasi dolorem in?
		</h1>
		<button
			class="px-8 py-3 text-lg font-semibold rounded"
			[ngClass]="['bg' + primary, 'text' + contrast]"
		>
			Contact
		</button>
	</div>
</section>
